
<div class="app-header" style="background: white;">
	<div class="content-container clearfix" style="width: 1020px;">

		<div id="logo" style="margin-top: 20px;">
			<a href="${siteurl}/index.htm" style="float: left;">
			<img alt="" src="${siteurl}assets/images/logo2.png">
			<img alt="" src="${siteurl}assets/images/logo1.png">
			</a>
			<div style="float: right;margin-top: 15px;">
			<form method="post" action="${siteurl}search.htm" style="float: left;margin-left: 20px;margin-bottom: 15px;">
			
			<input value="${find_desc!''}" placeholder="商家名称" name="find_desc"  type="text" class="input" maxlength="15" style="float:left;  background-image: url('${siteurl}assets/images/inputbg.png');background-repeat:no-repeat; width: 211px;height: 30px;border: none;padding-left: 10px;padding-right:10px; padding-top: 5px;padding-bottom: 5px;">
			<input value="${find_loc!'西安'}" placeholder="城市、街道" name="find_loc" type="text" class="input" maxlength="15" style="float:left;margin-left:2px; background-image: url('${siteurl}assets/images/inputbg.png');background-repeat:no-repeat; width: 211px;height: 30px;border: none;padding-left: 10px;padding-right:10px; padding-top: 5px;padding-bottom: 5px;">
			
			<div class="button-container" style="float:left;margin-left: 5px; ">
				<button id="header-search-submit" tabindex="3" title="Search" type="submit" value="submit" class="ybtn  header-button">
					<span> <i class="i ig-common i-search-common"></i>
						<div class="spinner hidden">
							<div class="spinner-container container1">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container2">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container3">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
						</div>

					</span>
				</button>
			</div>
			</form>
			
			<div class="header-account webview-hidden" style="margin-top: 0px;">

			[@shiro.guest]
			<ul class="logged-out-nav" style="margin-top: 0px;">
				<li><a class="  sign-up"
					id="header-sign-up" href="${siteurl}signup.htm" style="color: #e03936;">注册</a></li>
				<li style="margin-top: 5px;" class="text-centered"><a href="${siteurl}login.htm"
					class=" log-in"  style="color: #e03936;"> 登陆 </a></li>
			</ul>
			[/@shiro.guest]
			 [@shiro.authenticated]
			<div class="user-avatar clearfix drop-menu-origin"
				id="topbar-account-item">
				<a class="drop-menu-link inline-block clearfix header-button"
					id="topbar-account-link" href="javascript:;"> <img width="30"
					height="30"
					src="[#if user.headimg??]${user.headimg!}[#else]${siteurl}assets/img/header.jpg[/#if]"
					class="photo-box-img" alt="Ada G."> <i
					class="i ig-common i-dropdown-arrow-light-common"></i>
				</a>
				<div class="drop-menu drop-menu-has-arrow" id="topbar-account-wrap">
					<div class="drop-menu-arrow"></div>
					<div class="drop-menu-group">
						<div class="ypassport ypassport-notext media-block">
							<div class="media-avatar">
								<div data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
									class="photo-box pb-60s">
									<a
										href="${siteurl}user_details.htm?id=${user.id}">
										<img width="60" height="60"
										src="[#if user.headimg??]${user.headimg!}[#else]${siteurl}assets/img/header.jpg[/#if]"
										class="photo-box-img" alt="Ada G.">

									</a>

								</div>



							</div>
							<div class="media-story">
								<ul class="user-passport-info">
									<li class="user-name"><a
										data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
										href="${siteurl}user_details.htm?id=${user.id}"
										class="user-display-name">[#if
											user??]${user.name!""}[/#if]</a></li>
									<li class="user-location"><b>${city.name!""}</b></li>
								</ul>

								<ul class="user-passport-stats">
									<li class="friend-count"><b
										class="i-wrap ig-wrap-common i-friends-orange-common-wrap"><i
											class="i ig-common i-friends-orange-common"></i> 2</b></li>
									<li class="review-count"><b
										class="i-wrap ig-wrap-common i-star-orange-common-wrap"><i
											class="i ig-common i-star-orange-common"></i> 0</b></li>

								</ul>

							</div>
						</div>

					</div>
					<ul class="drop-menu-group">
						<li class="drop-down-menu-link"><strong> <a
								href="${siteurl}user_details.htm?id=${user.id}">
									<span class="i-wrap ig-wrap-common i-nav-aboutme-common-wrap"><i
										class="i ig-common i-nav-aboutme-common"></i> 关于我</span>

							</a>
						</strong></li>
						<li class="drop-down-menu-link"><strong> <a
								id="Zprofile" href="${siteurl}profile/profile.htm"> <span
									class="i-wrap ig-wrap-common i-nav-settings-common-wrap"><i
										class="i ig-common i-nav-settings-common"></i> 帐户设定</span>

							</a>
						</strong>
						</li>
						
						   [@shiro.hasRole name="admin"]
									<li class="drop-down-menu-link"><strong> <a
											id="Zprofile" href="${siteurl}admin/"> <span
												class="i-wrap ig-wrap-common i-nav-settings-common-wrap"><i
													class="i ig-common i-nav-settings-common"></i> 后台管理</span>

										</a>
									</strong></li>
						  [/@shiro.hasRole] 
										
						
					</ul>
					<ul class="drop-menu-group">
						<li class="drop-down-menu-link"><a id="logout-link"
							href="${siteurl}logout.htm" class="no-js-hidden"> 登出 </a>

							<form name="logout-form" method="POST" id="logout-form"
								class="js-hidden hidden" action="https://zh.yelp.com.hk/logout">
								<input type="hidden"
									value="eb958209621e010d8b3a3285d4c5bb1b9da4fcc213fe04269c0f4a852fea236f"
									class="csrftok" name="csrftok"> <input type="submit"
									value="登出" class="strong_pseudolink">

							</form></li>
					</ul>
				</div>
			</div>
			[/@shiro.authenticated]
		   </div>
		   </div>
		</div>

		<div style="clear: both;"></div>

	</div>
    <div style="background-color: #e03936;height: 35px" >
    [#macro nav num]
    [#if siteindex??]
    [#if siteindex==num]
    tabon
    [/#if]
    [/#if]
    [/#macro]
    
    
    <ul id="header-nav" class="" style="width: 1020px;margin-left: auto;margin-right: auto;padding-top: 8px">
				<li id="home-link" class="inline-block">
				<a href="${siteurl}index.htm" class="header-nav-link [@nav 1 /]"> 主页 </a>
				</li>
				<li id="about-me" class="inline-block">
				    [#if user.id>0]
				    <a href="${siteurl}user_details.htm?id=${user.id}"
					class="header-nav-link [@nav 2 /]"> 关于我 
					</a>
					[#else]
					 <a href="${siteurl}login.htm"
					class="header-nav-link [@nav 2 /]"> 关于我 
					</a>
					[/#if]
				</li>
				<li id="write-review" class="inline-block"><a
					href="${siteurl}user/writeareview.htm" class="header-nav-link [@nav 3 /]">
						写评语 </a></li>
				<li id="find-friends" class="inline-block"><a
					href="${siteurl}user/find_friends.htm" class="header-nav-link [@nav 4 /]">
						找朋友 </a></li>
				<li id="messaging" class="inline-block"><a
					href="${siteurl}user/messages.htm" class="header-nav-link [@nav 5 /]"> 消息
				</a></li>
				<li id="talk" class="inline-block"><a href="${siteurl}talk.htm"
					class="header-nav-link [@nav 6 /]"> 讨论 </a></li>
					
					
				<li id="events" class="inline-block"><a
					href="${siteurl}events.htm" class="header-nav-link [@nav 7 /]"> 活动 </a></li>
					
					[@shiro.authenticated]
						<li id="events" class="inline-block"><a
					href="${siteurl}user/newbiz.htm" class="header-nav-link [@nav 8 /]"> 新增商店 </a></li>
					[/@shiro.authenticated]
					
			</ul>
    </div>

</div>